// you can change config here
$colors: #c0392b, #d35400, #f39c12, #27ae60, #16a085, #2980b9, #8e44ad, #2c3e50,
  #7f8c8d !default;

html[data-theme="dark"] {
  body {
    background-color: #141414;
  }

  .navbar {
    background-color: #141414;
    border-bottom: 1px solid rgb(188, 187, 187);
  }

  .site-name {
    color: #fff;
  }
  
  .hero-info-wrapper {
    .action-button {
      color: #fff;
    }
  
  }
  * {
    color: #ffffff;
  }
  
  .footer-wrapper a{
    color: #f39c12;
  }

  .nav-links {
    .nav-link {
      color: #fff;
    }
  }

  .router-link-active  {
    .font-icon {
      color: #f39c12;
    }
  }
  
}


.pswp__button--download {
  display: none;
}

.el-message-a {
  width: 120px;
  height: 120px;
  background-color: transparent !important;
  background-image: url("") !important;
  background-position: center center !important;
  background-size: cover !important;
  border: none !important;

  .el-message__icon {
    display: none;
    color: #ffffff;
  }

  .el-message__content {
    text-align: center !important;
    position: fixed;
    bottom: 15px;
    font-size: 12pt !important;
    color: #ffffff;
  }
}